function initTreemap(divDesti, condition, allTasks){

	//initialisation du treeMap
	var treemap= new $jit.TM.Squarified({
		//ou injecter le treemap (le mot infovis obligatoire)
		injectInto: divDesti,
		//on affiche pas la frame parent
		titleHeight: 0,
		offset : 0,

		
		onCreateLabel: function(domElement, node){
		//on prépare ce qu'il y aura dans la div
		var html="";
		var data = node.data.tache;
		if (data === undefined)
			return;
		
		//if (data.corbeille == 1) {
		html+="<a href=\"#\" title=\""+data.objet+"\"  data-reveal-id=\"visuTask\" onClick='charger(\""+data.objet+"\",\""+data.description+"\",\""+data.lieu+"\",\""+data.date+"\",\""+data.id+"\", \""+data.categ+"\",\""+data.tags+"\");'>";
		html+="<div id=\""+data.couleur+"\" class=\"fittext\">";
		
		if (data.favori == 1){
		    html += "<img src=\"./Content/Images/favOn.png\" class=\"favStar\">" + data.objet + "</div>";
		} else {
		    html += "<img src=\"./Content/Images/favOff.png\" class=\"favStar\">" + data.objet + "</div>";
		} 
		

		if(data.categ) {
			html += "<span id=\"category\">" + data.categ + "</span>";
        }
		html+="</a>"
		//}
	

		//permet d'ecrire dans le div
        domElement.innerHTML = html;
	
		
		//$('<p>').text(node.name).appendTo($('.node'));
		
        var style = domElement.style;
        style.border = '1px solid white';
		}

	});
	
	//on charge les donnÃ©es dans le treemap
	var donnees = [];
	var root = {
		id: "root_"+divDesti,
		name: "root_"+divDesti,
		children: donnees
	};
	var comp=-1;
	for(var i=0; i < allTasks.length; i++){	
		var t = allTasks[i];
		if (condition(t)){
		
			comp+=1;
			var node = {
				id: t.id+"_"+divDesti,
				name: t.objet,
				data: {
					tache: t,
					"$area": t.priorite,
					"$color": t.couleur
				}
				
			};
			donnees[comp] = node;
		}
	}
	treemap.loadJSON(root);
	
	//on affiche
	treemap.refresh();
}


function initCategorie(allTasks, aff){

		//initialisation du treeMap
		var treemap= new $jit.TM.Squarified({
		//ou injecter le treemap (le mot infovis obligatoire)
		injectInto: 'treeCategorie',
		//on affiche pas la frame parent
		titleHeight: 0,
		offset : 0,

		
		onCreateLabel: function(domElement, node){
		//on prÃ©pare ce qu'il y aura dans la div
		var donnees = node;
		if (donnees === undefined)
			return;
			
		//on appelle la fonction categ sur le click
		var html="<div id=\""+donnees.data.$color+"\" class=\"fittext\" title=\""+donnees.name+"\" onClick='categ(\""+donnees.name+"\",\""+donnees.id+"\");'>" + donnees.name + "</div>";
		//permet d'ecrire dans le div
        domElement.innerHTML = html;

		
		//$('<p>').text(node.name).appendTo($('.node'));
		
        var style = domElement.style;
        style.border = '1px solid white';
		}

	});
	
	//on charge les donnÃ©es dans le treemap
	var categ = []; // tableau temporaire qui va permettre de connaitre tout les lieu référencés dans le json
	var compt_categ = 1; // compteur pour l'id du lieu
	var node = {  //pour insertion au format du treemap
				id:  compt_categ +"_categ",
				name: allTasks[0].categ,
				data: {
					"type" : "categ",
					"$area": 1,
					"$color": "prio3"
				}
			};
			categ[0] = node; // on insert la premiere valeur du lieu dans le tableau lieu afin de le connaitre
	
	var root = { // pour insertion au format du treemap
		id: "root_categ",
		name: "root",
		children: categ
	};
	
	for(var i=1; i < allTasks.length; i++) // on parcourt tout les données comprise dans le json
	{
		var t = allTasks[i];
		var bool = true;
		for (var j=0; j< categ.length; j++){  // on parcourt toutes les données comprise dans le tableau temporaire lieu
			if(t.categ == categ[j].name || t.categ==undefined)			//condition qui regarde si le lieu existe deja dans le tableau lieu
				bool = false;
		}
		if (bool){
			compt_categ+=1;
			var node = {
				id:  compt_categ +"_categ",
				name: t.categ,
				data: {
					"type" : "categ",
					"$area": 1,
					"$color": "prio3"
				}
			};
			categ[compt_categ-1] = node;				
		}
	}
	treemap.loadJSON(root); //envoi au json
	
	//on affiche
	treemap.refresh();
	
}

function quikadd() {
    var allTasks = getData();
	var newTask='';
	var objet = window.document.forms['ajout_tache_rapide'].elements['objet'].value;

	var id = allTasks.length + 1;
	msg={"id" : id , "priorite": 300,"date" : "indefini", "categ" : "indefini", "lieu" : "indefini", "favori": 0 , "corbeille" : 0, "hisrorique": 0, "couleur" :"prio1", "objet": objet, "description":"indefini"};
	//allTasks.push(msg);

	var json = JSON.stringify(msg);

	$.ajax({
	    url: 'home/quickAdd',
	    type: 'POST',
	    dataType: 'json',
	    data: json,
	    contentType: 'application/json; charset=utf-8',
	    success: function () {

	        loadData(function () {
	            closeQuickAdd();
	            location.href = "/#/accueil";
            });

	    }
	});


	accueil();

	
}

function add() {
    var allTasks = getData();
	var objet = window.document.getElementById('id_object').value;
	var categ= $('.categ').text();
	var prio1 = window.document.getElementById('radio1').checked;
	var prio2 = window.document.getElementById('radio2').checked;
	var prio3 = window.document.getElementById('radio3').checked;
	var date = window.document.getElementById('datepicker').value;
	var desc = window.document.getElementById('id_desc').value;
	var lieu = window.document.getElementById('location').value;
	//récupération des différents mots dans un tableau
	var tags=window.document.getElementById('id_tags').value.split(",");
	
	if (prio1 == true){
		var prio = 75;
		var color = "prio1";
	}
	if (prio2 == true){
		var prio = 150;
		var color = "prio2";
	}
	if (prio3 == true){
		var prio = 300;
		var color = "prio3";
	}

    var nbtache = allTasks.length + 1
	var newTask = {"id" : nbtache, "objet": objet, "priorite" : prio, "date" : date,"categ":categ, "description" : desc, "lieu" : lieu, "tags":tags, "couleur" : color, "corbeille" : 0, "historique" : 0, "favori" : 0};
	allTasks.push(newTask);
	accueil();
}

function edit_tache(id, alltask){
	
	var editTache = alltask[id-1];
	
	window.document.getElementById('id_object').value = editTache.objet;
	window.document.getElementById('datepicker').value = editTache.date;
	window.document.getElementById('location').value = editTache.lieu;
	window.document.getElementById('id_desc').value = editTache.description;
	
	if(editTache.couleur == "prio1"){
		//alert(editTache.couleur);
		$('#radio3').removeAttr("checked");
		$('#radio2').removeAttr("checked");
		$('#radio1').attr("checked", "checked");
	}
	if(editTache.couleur == "prio2"){
		//alert(editTache.couleur);
		$('#radio3').removeAttr("checked");
		$('#radio1').removeAttr("checked");
		$('#radio2').attr("checked", "checked");
	}
	if(editTache.couleur == "prio3"){
		//alert(editTache.couleur);
		$('#radio1').removeAttr("checked");
		$('#radio2').removeAttr("checked");
		$('#radio3').attr("checked", "checked");
	}
	
	radioPriorite();
	
	$('<input:hidden>')
		.addClass('idEdit')
		.text(id)
		.appendTo('#slider-two');
};

function edit(){

	var id = $('.idEdit').text();

	var objet = window.document.getElementById('id_object').value;
	var prio1 = window.document.getElementById('radio1').checked;
	var prio2 = window.document.getElementById('radio2').checked;
	var prio3 = window.document.getElementById('radio3').checked;
	var date = window.document.getElementById('datepicker').value;
	var desc = window.document.getElementById('id_desc').value;
	var lieu = window.document.getElementById('location').value;
	var tags = window.document.getElementById('id_tags').value;
	
	var categ = $('.categ').text();
	
	if (prio1 == true){
		var prio = 75;
		var color = "prio1";
	}
	if (prio2 == true){
		var prio = 150;
		var color = "prio2";
	}
	if (prio3 == true){
		var prio = 300;
		var color = "prio3";
	}
	
	delTasks(id);
	
	var laTask = {"id" : id,"objet" : objet, "priorite" : prio, "date" : date, "categ":categ, "description" : desc, "lieu" : lieu, "tags":tags, "couleur" : color, "corbeille" : 0, "historique" : 0, "favori" : 0};

	allTasks.push(laTask);
	
	//initCategorie(allTask);
	
	 //ajoutHistorique(id);
	 //ajoutFavori(id);
}

// les données stockées 
/*var filter={
		 "categ" : "perso",
		 "date" : "23/05/2012",
		 "lieu" : "place felix eboue",
		 data : [categ, date, lieu],
		 apply : function(allTasks) {
			// repmlir la data 
			this.data.push(msg);
		}
};*/

/*function compter(allTasks){
	//pour compter le nombre de taches
	$("<span>")
		.text(allTasks.length+" tâches")
		.appendTo('.button2')
	//class( allTasks.length);
};*/

function compter(allTasks){
	//document.getElementById(cptTasks).innerHTML = allTasks.length + " tâches";
	$('.cptTasks').text(allTasks.length + " tâches");
};

function categ(nom){		
	var nomCateg= $('.categ').text();
	if(nomCateg==""){
		$('<li>').addClass("categ").text(nom).appendTo('#filter');		
	}
	else
	{
		$('.categ').remove();
		$('<li>').addClass("categ").text(nom).appendTo('#filter');
	}
}